<template>
  <div :class="props.iconClass">
    <svg
      t="1676690750456"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="5219"
      width="100%"
      height="100%"
    ><path
      d="M961.2 289.2c0-85.3-69.4-154.7-154.7-154.7-24.7 0-49.2 6-71 17.2-12 6.2-23.2 14-33.2 23.2-39.7-66.1-111.4-107.4-190-107.4S362 108.8 322.2 175c-10-9.1-21.2-16.9-33.2-23.2-21.8-11.3-46.3-17.2-71-17.2-85.3 0-154.7 69.4-154.7 154.7 0 83.9 67.2 152.5 150.6 154.6l-84.3 84.3 14 14c19 19 43.9 28.5 68.9 28.5 10.9 0 21.8-1.8 32.1-5.4v127.4c0 71.2 27.9 138.3 78.6 189 50.7 50.7 117.8 78.6 189 78.6s138.3-27.9 189-78.6c50.7-50.7 78.6-117.8 78.6-189V565.2c10.4 3.6 21.3 5.4 32.1 5.4 24.9 0 49.9-9.5 68.9-28.5l14-14-84.3-84.3c83.5-2.1 150.7-70.6 150.7-154.6zM188.3 525.7l56.4-56.4v52c-16.8 11.2-38.4 12.7-56.4 4.4z m484.9 327.9c-43.2 43.2-100.3 67-160.9 67s-117.8-23.8-160.9-67c-43.2-43.2-67-100.3-67-160.9V429c1.6-0.7 3.1-1.5 4.7-2.3 12-6.2 23.2-14 33.2-23.2 39.6 66.1 111.4 107.5 190 107.5s150.3-41.3 190.1-107.5c10 9.1 21.2 16.9 33.2 23.2 1.5 0.8 3.1 1.6 4.7 2.3v263.7c-0.1 60.5-23.9 117.7-67.1 160.9z m106.7-332.4v-52l56.4 56.4c-18.1 8.4-39.6 6.9-56.4-4.4z m26.7-117c-36.5 0-71.1-17.6-92.7-47l-20.5-27.9-13.7 31.8c-28.8 66.9-94.5 110.2-167.3 110.2-72.8 0-138.5-43.2-167.3-110.2l-13.7-31.8-20.5 27.9c-21.6 29.4-56.3 47-92.7 47-63.4 0-115-51.6-115-115s51.6-115 115-115c36.5 0 71.1 17.6 92.7 47l20.5 27.9 13.7-31.8c28.8-66.9 94.5-110.2 167.3-110.2 72.8 0 138.5 43.2 167.3 110.2l13.7 31.8 20.5-27.9c21.6-29.4 56.3-47 92.7-47 63.4 0 115 51.6 115 115s-51.6 115-115 115z"
      p-id="5220"
      :fill="theme.themeColor"
    /><path
      d="M540.1 786.5V693h-39.7v93.5c-23.8-2.2-47.4-8.4-69.7-18.7l-1.2-0.6-16.6 36.1 1.2 0.6c33.8 15.5 69.9 23.2 106.1 23.2 36.7 0 73.4-8 107.5-23.8l-16.8-36c-22.5 10.6-46.5 17-70.8 19.2z"
      p-id="5221"
      :fill="theme.themeColor"
    />
    </svg>
  </div>
  <span
    v-if="props.isText"
    class="text-primary"
    :class="props.textClass"
  >
    {{ props.text || appTitle }}
  </span>
</template>
<script setup lang="ts">
import { useThemeStore } from '@/store';
import { useAppInfo } from '@/utils';
const theme = useThemeStore();
const { title: appTitle }  = useAppInfo();

interface Props {
  isText?: boolean;
  textClass?: string;
  iconClass?: string;
  text?: string;
}
const props = withDefaults(defineProps<Props>(), {
  isText: true,
  textClass: '',
  iconClass: ''
});
</script>
